<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/index.js"></script>
</head>
<body>
  <div class="main">
    <div class="topNav">
        <a href="javascript:;" class="logo"></a>
          <form action="" class="search">
            <input type="text" placeholder="请输入商品名称">
          </form> 
        <a href="javascript:;" class="login">登录</a>
    </div>

    <div class="banner">
      <ul class="uu clearfix">
        <li>
          <a href="javascript:;"><img src="uploads/l1.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="uploads/l2.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="uploads/l3.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="uploads/l4.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="uploads/l5.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="uploads/l6.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="uploads/l7.jpg" alt=""></a>
        </li>
        <li>
            <a href="javascript:;"><img src="uploads/l8.jpg" alt=""></a>
        </li>
      </ul>

      <ul class="circle">
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>

    <div class="subNav">
      <ul class="subNav_01 clearfix">
        <li>
          <a href="javascript:;">
            <img src="images/nav_1.png" alt=""></br>商品分类
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="images/nav_2.png" alt=""></br>商品分类
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="images/nav_3.png" alt=""></br>商品分类
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="images/nav_4.png" alt=""></br>商品分类
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="images/nav_5.png" alt=""></br>商品分类
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="images/nav_6.png" alt=""></br>商品分类
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="images/nav_7.png" alt=""></br>商品分类
          </a>
        </li>
        <li>
          <a href="javascript:;">
            <img src="images/nav_8.png" alt=""></br>商品分类
          </a>
        </li>
      </ul>
    </div>

    <div class="discount">
      <div class="time">
        <div class="time_l">
          <span>掌上秒杀</span>
          <span>0</span>
          <span>0</span>
          <span>:</span>
          <span>0</span>
          <span>0</span>
          <span>:</span>
          <span>0</span>
          <span>0</span>
        </div>
        <div class="time_r">
          <span>更多秒杀...</span>
        </div>
      </div>
      <div class="commodity clearfix">
        <ul>
          <li>
            <a href="javascript:;">
              <img src="uploads/detail01.jpg" alt="">
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <img src="uploads/detail01.jpg" alt="">
            </a>
          </li>
          <li>
            <a href="javascript:;">
              <img src="uploads/detail01.jpg" alt="">
            </a>
          </li>
        </ul>
      </div>
    </div>

    <div class="supermarket clearfix">
      <div class="jd_supermarket">
        <h3>京东超市</h3>
      </div>
      <div class="supermarketImg clearfix">
        <a href="javascript:;" class="supermarketImg_l">
          <img src="uploads/cp1.jpg" alt="">
        </a>
        <a href="javascript:;" class="supermarketImg_r supermarketImg_t">
          <img src="uploads/cp2.jpg" alt="supermarketImg_r_t">
        </a> 
        <a href="javascript:;" class="supermarketImg_r supermarketImg_b">
          <img src="uploads/cp3.jpg" alt="">
        </a>
      </div>
    </div>

  </div>
</body>
</html>